<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="/WEB-INF/tags/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>音频管理</title>
    <link rel="stylesheet" type="text/css" href="${ctx}/static/css/query_list.css"/>
    <script type="text/javascript" src="${ctx}/static/js/word_a_day/query_like_word.js"></script>
    <script type="text/javascript" src="${ctx}/static/jquery/common.js"></script>
    <script type="text/javascript" src="${ctx}/static/jquery/validatebox.js"></script>
    <!-- 加载上传控件的css 和 js -->
    <link rel="stylesheet" type="text/css" href="${ctx}/static/jquery/uploadify/uploadify.css"/>
    <script type="text/javascript" src="${ctx}/static/jquery/uploadify/swfobject.js"></script>
    <script type="text/javascript" src="${ctx}/static/jquery/uploadify/jquery.uploadify_zh.v2.1.4.js"></script>
    <!--文本编辑器-->
    <link href="${ctx}/static/demo/umeditor/themes/default/css/umeditor.css" type="text/css" rel="stylesheet">
    <script type="text/javascript" charset="utf-8" src="${ctx}/static/demo/umeditor/umeditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="${ctx}/static/demo/umeditor/umeditor.js"></script>
    <script type="text/javascript" src="${ctx}/static/demo/umeditor/lang/zh-cn/zh-cn.js"></script>
</head>
<body>
<div id="dataGridToolbar" region="north" border="false"
     style="border-bottom: 1px solid #ddd; height: 100px; padding: 2px 5px; background: #fafafa;">
    <div style=" font-size: 12px">
        <table width="100%" style="table-layout:fixed;">
            <tr>
                <td style="width:5%;text-align: right; ">
                    <span>单词ID: </span>
                </td>
                <td style="width: 15%;">
                    <input name="wordId" id="search_wordId"/>
                </td>
                <td style="width: 7%; text-align: right">
                    <span>关键词: </span>
                </td>
                <td style="width: 15%;">
                    <input name="keyword" id="search_keyword"/>
                </td>
                <td style="width: 7%;text-align: right ">
                    <span>标题: </span>
                </td>
                <td style="width: 15%;">
                    <input name="wordTitle" id="search_wordTitle"/>
                </td>
            </tr>
            <tr>
                <td style="width: 8%; text-align: right;">
                    <span>是否有效: </span>
                </td>
                <td style="width: 17%;">
                    <input id="delTag" class="easyui-combobox" name="delTag" data-options="
                                url:'<c:url value="/sys/queryComboboxByDict.html?type=DEL_TAG_TYPE&selected=0" />',
                                method:'get',
                                valueField:'id',
                                panelHeight:'auto',
                                onLoadError: function (httpRequest) {
                                    displayJsonError(httpRequest);
                                }
                            ">
                </td>
                <td style="width: 8%; text-align: right;">
                    <span>发布状态:</span>
                </td>
                <td style="width: 17%;">
                    <input id="video_state" class="easyui-combobox" name="state" data-options="
                                    url:'<c:url value="/sys/queryComboboxByDict.html?type=WORD_STATE&selected=-1" />',
                                    method:'get',
                                    valueField:'id',
                                    panelHeight:'auto',
                                    onLoadError: function (httpRequest) {
                                        displayJsonError(httpRequest);
                                    }
                                ">
                </td>
                <td style="width: 65px; text-align: right;">
                    <span>时间段：</span>
                </td>
                <td colspan="2">
                    <select id="dateOption" name="dateOption" class="easyui-combobox" style="width: 75px;">
                        <option value="">请选择</option>
                        <option value="deliveryTime">发布时间</option>
                        <option value="createTime">创建时间</option>
                        <option value="updateTime">更新时间</option>
                    </select>
                    <input type="text" id="startDate" name="startDate" class="easyui-datebox" style="width: 95px;"/>&nbsp;至&nbsp;<input
                        type="text" id="endDate" name="endDate" class="easyui-datebox" style="width: 95px;"/>
                </td>
                <td style="text-align: center;float: left">
                    <a href="#" class="easyui-linkbutton" iconCls="icon-search" onclick="doSearch('load');">搜索</a>
                </td>
            </tr>
        </table>
        <div>
            <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="doInsert()">添加</a>
            <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-remove" plain="true"
               onclick="deleteSubmit()">删除</a>
        </div>
    </div>
</div>

<form id="deleteForm" method="post">
    <input type="hidden" id="wordId" name="wordId"/>
</form>
<!-- 列表DIV -->
<table id="displayTable"></table>
</body>
</html>

